//定义全局变量
$(function () {
    window.pageNum = 1;
    window.pageSize = 5;
    window.keyword = "";
//显示数据
    showPage();
})

function showPage() {
    $.ajax({
        url: "/select/pageInfo/Advertisement",
        type: "post",
        data: {
            pageNum: window.pageNum,
            pageSize: window.pageSize,
            keyword: window.keyword
        },
        dataType: "json",
        success: function (result) {
            if (result.result == "SUCCESS") {
                //解析数据
                $("#advertisementTableBody").empty();//empty 移除里面的所有内容
                //获取数据集合
                var list = result.data.list;
                if (list.length > 0) {
                    //有数据
                    //var list=list[i];
                    for (var i = 0; i < list.length; i++) {
                        var $tr = $('<tr></tr>');
                        var $td1 = $('<td>' + (i + 1) + '</td>');
                        var $td5 = $('<td><input class="itemBox" advertisementid="'+list[i].id+'" type="checkbox"></td>');
                        var $td2 = $('<td>' + list[i].name + '</td>');
                        var $td3 = $('<td>' + list[i].status + '</td>');
                        var $td4 = $('<td></td>');

                        $td4.append('<button type="button" class="btn btn-success btn-xs editBtn"><i class=" glyphicon glyphicon-check"></i><tton>');
                        $td4.append('<button  advertisementId="'+list[i].id+'"   type="button" class="btn btn-primary btn-xs editBtn"><i class=" glyphicon glyphicon-pencil"></i><tton>');
                        $td4.append('<button advertisementId="'+list[i].id+'" type="button" class="btn btn-danger btn-xs removeBtn"><i class="glyphicon glyphicon-remove"></i></button>');

                        $tr.append($td1);
                        $tr.append($td5);
                        $tr.append($td2);
                        $tr.append($td3);
                        $tr.append($td4);

                        $("#advertisementTableBody").append($tr);
                    }
                    //显示分页导航
                    initPagination(result.data);
                } else {
                    //没数据
                    var $tr = $('<tr></tr>');
                    var $td = $('<td colspan="5">对不起，没有查询到相应的角色！！</td>');
                    $tr.append($td);
                    $("#advertisementTableBody").append($tr);
                }
            } else {
                layer.msg(result.message + "获取角色数据失败!");
            }
        }
    });
}

//进行分页

//initPagination函数
//声明函数封装导航条初始化操作
function initPagination(pageInfo) {
    // 声明变量存储分页导航条显示时的属性设置
    var paginationProperties = {
        num_edge_entries : 3,        //边缘页数
        num_display_entries : 5,      //主体页数
        callback : pageselectCallback, //回调函数
        items_per_page : window.pageSize,  //每页显示数据数量，就是pageSize
        current_page : (window.pageNum - 1),//当前页页码
        prev_text : "上一页",       //上一页文本
        next_text : "下一页"        //下一页文本
    };

    // 显示分页导航条
    $("#Pagination").pagination(pageInfo.total, paginationProperties);

}
//9．pageselectCallback()函数
// 在每一次点击“上一页”、“下一页”、“页码”时执行这个函数跳转页面
function pageselectCallback(pageIndex,jq) {
    // 将全局变量中的pageNum修改为最新值
    // pageIndex从0开始，pageNum从1开始
    window.pageNum = pageIndex + 1;
    // 调用分页函数重新执行分页
    showPage();
    return false;
}

//关键字查询
$("#searchBtn").click(function () {
   var keyword=$.trim($("#keywordInput").val());
    if(keyword.length==0){
        //无效 则提示
        layer.msg("请输入关键字!")

        return;
    }
window.keyword=keyword;
    showPage();
})


//全选/全不选
$("#summaryBox").click(function () {
    var currentStatus=this.checked;
    $(".itemBox").prop("checked",currentStatus);
})

//查询要显示的删除数据
$("#batchRemoveBtn").click(function () {
    var length=$(".itemBox:checked").length;
    if(length==0){
        layer.msg("请至少选择一个!");
        return ;
    }

    window.advertisementId=new Array();
    $(".itemBox:checked").each(function () {
        var advertisementId=$(this).attr("advertisementid");
        window.advertisementId.push(advertisementId);
    })
    //打开模态框
    showRemoveConfirmModal();
})

//显示要删除的数据
function showRemoveConfirmModal() {
    $("#confirmModal").modal("show");
    var requestBody=JSON.stringify(window.advertisementId);
    $.ajax({
        url: "/select/AdvertisementId",
        type: "post",
        data: requestBody,
        contentType: "application/json;charset=UTF-8",
        dataType: "json",
        success:function (ajaxResult) {
            if(ajaxResult.result=="SUCCESS"){
                $("#confirmModalTableBody").empty();
                var certList=ajaxResult.data;//把查询出来的数据传到roleList里面
                //使用for循环显示出来
                for(var i=0;i<certList.length;i++){
                    var cert=certList[i];
                    var id=cert.id;
                    var name=cert.name;
                    var status=cert.status;
                    var $tr=("<tr><td>"+id+"</td><td>"+name+"</td><td>"+status+"</td><tr/>");
                    $("#confirmModalTableBody").append($tr);
                }
            }else{
                layer.msg("数据查询失败!"+ajaxResult.message)
            }
        }
    })
}

//确认删除 绑定  ok事件
$("#confirmModalBtn").click(function () {
    var requestBody=JSON.stringify(window.advertisementId);
    $.ajax({
        url: "/advertisement/batch/remove",
        type: "post",
        data: requestBody,
        contentType: "application/json;charset=UTF-8",
        dataType: "json",
        success:function (ajaxResult) {
            var result=ajaxResult.result;
            if(result=="SUCCESS"){
                layer.msg("删除成功!");
                showPage();
            }else{
                layer.msg("删除失败!");
            }
            $("#confirmModal").modal("hide");
        }
    })
})

//单条删除
$('#advertisementTableBody').on("click",".removeBtn",function () {
    // 获取当前记录的roleId
    var advertisementId = $(this).attr("advertisementId");
    // 存入全局变量数组
    window.advertisementId = new Array();
    window.advertisementId.push(advertisementId);
    // 打开模态框（后续所有操作都和批量删除一样）
    showRemoveConfirmModal();
});


//增加的单机事件
$("#addBtn").click(function(){
    /*  alert("aaa...");*/
    $("#addModal").modal("show");
});


//确定增加
$("#addModalBtn").click(function(){
    //收集文本框内容
    var name=$.trim($("#advertisementNameInput").val());
    if(name==""){
        layer.msg("请输入有效的字符!");
        return;
    }
    $.ajax({
        url: "/advertisement/save/role",
        type: "post",
        data: {
            "name": name
        },
        dataType: "json",
        success:function(ajaxResult){
            var result=ajaxResult.result;
            if(result="SUCCESS"){
                layer.msg("操作成功!");
                //跳转到最后一页 因为增加成功数据在最后一页
                window.pageNum=9999999;
                //进行分页
                showPage();
                $("#advertisementNameInput").empty();
            }else{
                layer.msg(ajaxResult.message);
            }
            //关闭模态框
            $("#addModal").modal("hide");
        }
    })
})


//4．绑定单击响应函数
$("#advertisementTableBody").on("click",".editBtn",function () {
    window.advertisementId=$(this).attr("advertisementId");
    var certName=$(this).parents("tr").children("td:eq(2)").text();
    $("#advertisementNameInputEdit").val(certName);
    $("#editModal").modal("show");
})
//6．给“更新”按钮绑定单击响应函数
$("#editModalBtn").click(function () {
    var certName = $.trim($("#advertisementNameInputEdit").val());
    if(certName==null){
        layer.msg("请输入有效角色名!");
        return;
    }
    $.ajax({
        url: "/advertisement/update/role",
        type: "post",
        data: {
            "id": window.advertisementId,
            "name": certName
        },
        dataType: "json",
        success:function (ajaxResult) {
            var result=ajaxResult.result;
            if(result=="SUCCESS"){
                layer.msg("修改成功!");
                showPage();
            }else{
                layer.msg("修改失败!");
            }
            $("#editModal").modal("hide");
        }
    })
})